//返回ID为‘test’的节点
var test =document.getElementById('test');
//先定位ID为‘test-table’的节点，再返回其内部所有tr节点：
var trs =document.getElementById('test-table')
.getElementsByTagName('tr');
//先定位ID为‘test-div’的节点，再返回其内部所有class包含red的节点：
var reds=document.getElementsById('test-div').
getElementsByClassName('red');
//获取节点test下的所有直属节点：
var cs=test.children;
//获取节点test下第一个、最后一个子节点：
var first=test.firstElementChild;
var last=test.lastElementChild;

//通过querySelector获取ID为q1的节点：
var q1 =document.querySelector('#q1');
//通过querySelectorAll获取q1节点内符合条件的所有节点：
var ps=q1.querySelectorAll('div.highlighted>p');


//获取<p id="p-id">...</p>
var p=document.getElementById('p-id');
//设置文本为abc：
p.innerHTML='ABC';//<p id="p-id">ABC</p>
//设置HTML:
p.innerHTML='ABC <span style="color:red">RED</span> XYZ';
//<p>...</p>的内部结构已修改

//